/*
* @Author: ZZQ
* @Date:   2018-12-22 14:31:44
* @Last Modified by:   ZZQ
* @Last Modified time: 2018-12-22 15:41:35
*/
'use strict';
require('./index.css');
require('page/common/header/index.js');
var _user = require('service/user-service.js');
var _mm = require('util/mm.js');
//表单里的错误提示
var formError = {
    show: function(errMsg){
        $('.error-item').show().find('.err-msg').text(errMsg);
    },
    hide: function(){
        $('.error-item').hide().find('.err-msg').text('');
    }
};
console.log('hello pass-reset');
//login逻辑部分
var page = {
    data: {
        username: '',
        question: '',
        answer: '',
        token: ''
    },
    init: function() {
        this.onLoad();
        this.bindEvent();
    },
    onLoad:function(){
        this.loadStepUsername();
    },
    bindEvent: function(){
        var _this = this;
        //输入用户名后下一步按钮的点击
         $('#submit-username').click(function(){
            var username = $.trim($('#username').val());
            //
           if(username){
                _user.getQuestion(username,function(res){
                    _this.data.username = username;
                    _this.data.question = res;
                    _this.loadStepQuestion();
                },function(errMsg){
                    formError.show(errMsg);
                });
            }
            else{
                formError.show('请输入用户名');
            }
        });
         //输入密码提示问题答案后下一步按钮的点击
        $('#submit-question').click(function(){
            var answer = $.trim($('#question').val());
            //密码提示问题答案存在
           if(answer){
                _user.checkAnswer({
                    username: _this.data.username,
                    question: _this.data.question,
                    answer: answer
                },function(res){
                    _this.data.answer = answer;
                    _this.data.token = res;
                    _this.loadStepPassword();
                },function(errMsg){
                    formError.show(errMsg);
                });
            }
            else{
                formError.show('请输入密码提示问题答案');
            }
        });
         //输入新密码的点击
        $('#submit-password').click(function(){
            var password = $.trim($('#password').val());
            //密码提示问题答案存在
           if(password && password.length >= 6){
                _user.resetPassword({
                    username: _this.data.username,
                    passwordNew: password,
                    forgetToken: _this.data.token
                },function(res){
                    window.location.href = './result.html?type=pass-reset';
                },function(errMsg){
                    formError.show(errMsg);
                });
            }
            //密码为空
            else{
                formError.show('请输入不少于6位新密码');
            }
        });

    },
    //加载输入用户名的一步
    loadStepUsername:function(){
        $('.step-username').show();
    },
    //加载输入密码提示问题答案的一步
    loadStepQuestion:function(){
        //清除错误提示
        formError.hide();
        //做容器的切换
        $('.step-username').hide()
            .siblings('.step-question').show()
            .find('.question').text(this.data.question);
    },
    //加载输入新密码的一步
    loadStepPassword:function(){
        formError.hide();
        $('.step-question').hide()
            .siblings('.step-password').show();
    }
};
$(function(){
    page.init();
});